its great
We were unable to load Disqus. If you are a moderator please see our troubleshooting guide.
Recommending means this is a discussion worth sharing. It gets shared to your followers' Disqus feeds, and gives the creator kudos!
something that you do not mention is that you also need to install gulp globally
Yeah, so I'm not the only one that noticed that minor ommission.
instead of installing gulp globally, run "npm install npx" and then run "npx gulp"
yeah, I am not able to start my browser with Gulp, I installed global but not working, so I am using npm run gulp, I started getting an error about missing scrip gulp, if I add it to package.json then I get a different error.
add in the package.json file at scripts / test (don't forget the comma at the end of the test) this:
"gulp": "node_modules/gulp/bin/gulp.js"
this was fixed over in the YouTube video comments. install gulp-cli before running gulp. from the command line npm install -g gulp-cli
you may install gulp locally, but then you have to start it with the command
npx gulp
Please do an angular with bs4 app so we can get a better understanding on modals and pops. Thanks.
There is a typo in the index.html file, in the head <link rel="stylesheet" href="/css/styles.css"> . It's referencing "styles.css" but it should be "style.css".
This could be the reason why many people are getting the white background instead of the red.
What's the name of the syntax/color theme used in the examples above??
Very nice and to just the right level. The Raleway font directive is slightly different than indicated, but the right one is easy to find. The variable overrides must come before the import to work. Took me a while to discover that.
Thanks bro, I might the best If I miss your comment.
Always awesome content! I love learning from you because you cover minute details, which I don't found on most of Youtube channels. Please do backend also!
Love from India!
When I run my website without gulp it doesn't show the same way it does with gulp, why is that?
If you are using gulp 4 this is your gulpfile https://gist.github.com/ntr...
I'm trying to run this example with gulp 4. Here is a ported gulpfile.js: https://gist.github.com/ora...
Any ideas why it doesn't run?
Awesome tutorial and helped me massively! Thanks.
Quick and I'm sure simple question.
So when you type gulp into bash it loads the index page. I have created another page called landing_page.html. How do I load this instead of the index?
Thanks.
Great Tutorial, thanks so much for taking the time to explain npm & bootstrap. I fixed the Gulp error by just running "npm link gulp" in CMD.
I am trying to bring the card divs closer together but not able to do it with mx-0 can you please explain?
<div class="mx-0 col-sm-12 col-md-4">
<div class="card mb-2">
<div class="card-body text-center">
<h5 class="card-title">Card title</h5>
Some quick example text to build on the card title
Another link
</div>
</div>
</div>
If you are having issue with gulp and if you want to follow this how 2 step by step, you need to install the specific versions of gulp, etc..., otherwise the latest gulp will not work with the gulpfile.js content. the command to use are " npm install gulp@3.9.1 gulp-cli browser-sync@2.23.5 gulp-sass@3.1.0 --save-dev" and " npm install bootstrap4.0.0 jquery@3.3.1 popper.js@1.12.9 --save"
Great explanation!
One thing I was wondering about, why do you add the scripts in the HTML-template? I thought these files would be added automatically by the Gulp-task?
I've installed gulp globally but still i get the following:
AssertionError [ERR_ASSERTION]: Task function must be specified
at Gulp.set [as _setTask] (/Users/user/Desktop/project/node_modules/undertaker/lib/set-task.js:10:3)
at Gulp.task (/Users/user/Desktop/project/node_modules/undertaker/lib/task.js:13:8)
at Object.<anonymous> (/Users/user/Desktop/project/gulpfile.js:21:6)
at Module._compile (internal/modules/cjs/loader.js:678:30)
at Object.Module._extensions..js (internal/modules/cjs/loader.js:689:10)
at Module.load (internal/modules/cjs/loader.js:589:32)
at tryModuleLoad (internal/modules/cjs/loader.js:528:12)
at Function.Module._load (internal/modules/cjs/loader.js:520:3)
at Module.require (internal/modules/cjs/loader.js:626:17)
at require (internal/modules/cjs/helpers.js:20:18)
if you want to follow this how 2 step by step, you need to install the specific versions of gulp, etc..., otherwise the latest gulp will not work with the gulpfile.js content. the command to use are " npm install gulp@3.9.1 gulp-cli browser-sync@2.23.5 gulp-sass@3.1.0 --save-dev" and " npm install bootstrap4.0.0 jquery@3.3.1 popper.js@1.12.9 --save"
Thank you very mush for the useful tutorial!
Did you solve this?
im having the same problem. :(
Search for solution here in the comments. I've found it here :)
Its awesome. Only that my theme-colors element and the rest after in the styles.scss could not make any changes
Variable overrides within the same Sass file can come before or after the default variables. However, when overriding across Sass files, your overrides must come before you import Bootstrap’s Sass files.
example:
// Variable Overrides
$theme-colors: (
"primary": #d95700
);
// Bootstrap Sass Imports
@import "node_modules/bootstrap/scss/bootstrap";
another trick:
just install this command on command prompt npm:
npm install --global gulp-cli
Thank you so much for this post.
ok this is very helpful.
i did it completely success.
but how to upload this project.?
need to upload entire file. its very huge size..
what solution for this..?
Thanks Gary for the course.
Also thanks Dominic Davies for the help on installing gulp. And hww too.
Great course, thanks Gary.
is that when i enter gulp .. the scss should auto generate a css in the css folder ?
it's seem like the scss didn't work, the browser-sync works but not scss.. is that i missed any part?
Hi Sarah,
this was fixed over in the YouTube video comments. install gulp-cli before running gulp. from the command line npm install -g gulp-cli
Good tutorial but unfortunately my navigation not showing. When I hover on navigation bar just logo comes not menus and when I hover out logo is hiding.
what should I do?
Doomne Zau — Hi,Does the tutorial has a github repo ?Thnaks
Billal BEGUERADJ — This is very good introduction (although few things are missing) ... anyway it would be nice if you post the code into Github.Thank you,Billal Begueradj
Santosh Nirankari — just went through it completely, you should share it on hackr as well. It'll be nice. https://hackr.io/tutorials/...
pires joao — hey..why in my project when i was finish this section,Image that i put,not showing in browser..